<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<header id="header" style="padding: 20px 0" th:fragment="headerBar">
    <section class="container">
        <h1 id="logo" style="height: 103px">
            <a href="" title="市场摊位租赁竞拍">
                <img th:src="@{/asserts/img/logo.jpg}" width="60%"  alt="市场摊位租赁竞拍">
            </a>
        </h1>
        <div class="h-r-nsl">
            <ul class="nav">
                <li><a href="#" title="首页">首页</a></li>
                <li><a href="#" title="租赁">租赁</a></li>
                <li><a href="#" title="竞拍">竞拍</a></li>
            </ul>
            <!-- / nav -->
            <ul class="h-r-login">
                <li id="no-login" th:if="${#strings.isEmpty(session.userInfo)}">
                    <a href="#" title="登录">
                        <em class="icon18 login-icon">&nbsp;</em><span class="vam ml5">登录</span>
                    </a>
                    <a href="#" title="注册">
                        </em><span class="vam ml5">注册</span>
                    </a>
                </li>
                <li class="mr10" id="is-login-one" th:if="${!#strings.isEmpty(session.userInfo)}">
                    <a href="" title="消息" id="headerMsgCountId">
                        <em class="icon18 news-icon" style="width: 20px">10</em>
                    </a>
                    <q class="red-point" style="display: block"></q>
                </li>
                <li class="h-r-user" id="is-login-two" th:if="${!#strings.isEmpty(session.userInfo)}">
                    <a th:href="@{/order/all}" title="" >
                        <img th:src="@{/asserts/img/avatar-boy.gif}" width="30" height="30" class="vam picImg" alt="">
                        <span class="vam disIb" id="userName" th:text="${session.userInfo.username}" style="height: 23px"></span>
                    </a>
                    <a href="javascript:void(0)" title="退出" onclick="exit();" class="ml5">退出</a>
                </li>
            </ul>
            <aside class="h-r-search">
                <form action="" method="post">
                    <label class="h-r-s-box"><input type="text" style="width: 200px" placeholder="输入你想租赁或竞拍的摊位" name="queryCourse.courseName"
                                                    value="">
                        <button type="submit" class="s-btn">
                            <em class="icon18">&nbsp;</em>
                        </button>
                    </label>
                </form>
            </aside>
        </div>
        <div class="clear"></div>
    </section>
</header>


<footer id="footer" style="padding: 20px 0; height: 150px" th:fragment="footBar">
    <section class="container">

        <div class="b-foot" style="padding: 0 0 40px 0; margin-top: 10px">
            <section class="fl col-7">
                <section class="mr20">
                    <section class="b-f-link">
                        <a href="http://www.woniuxy.com" title="关于我们" target="_blank">关于我们</a>|
                        <a href="http://www.woniuxy.com" title="联系我们" target="_blank">联系我们</a>|
                        <a href="#" title="成功案例" target="_blank">成功案例</a>|
                        <a href="http://www.woniuxy.com" title="帮助中心" target="_blank">帮助中心</a>|
                        <span>服务热线：1234567890</span> <span>Email：tanlan@woniuxy.com</span>
                    </section>
                    <section class="b-f-link mt10">
                        <span>©2015-2021 蜗牛学院版权所有 蜀备001号</span>
                    </section>
                </section>
            </section>
            <aside class="fl col-3 tac mt15">
                <section class="gf-tx">
                    <span><img src="" alt=""></span>
                    <div class="gf-tx-ewm">
                        <img src="" alt="">
                    </div>
                </section>
                <section class="gf-tx">
                    <span><img src="" alt=""></span>
                    <div class="gf-tx-ewm">
                        <img src="" alt="">
                    </div>
                </section>
            </aside>
            <div class="clear"></div>
        </div>
    </section>
</footer>

</body>
</html>